<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        
        <title>Syntax Highlighting</title>
        
        <script src="rainbow/rainbow.js"></script>
        <script src="rainbow/html.js"></script>
        <script src="rainbow/php.js"></script>
        <script src="rainbow/javascript.js"></script>
        <script src="rainbow/css.js"></script>
        <script src="rainbow/generic.js"></script>
        
        <script src="../rainbow.linenumbers.min.js"></script>
        
        <link rel="stylesheet" type="text/css" href="rainbow/tomorrow-night.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="../theme.css" media="screen" />
    </head>

    <body>
        <pre><code data-language="html">&lt;script&gt;
/* J stuff */
jQuery(function ($) {
    $(".rump").click(function () {
        $(".underwear").toggleClass('soiled');
    });
});
&lt;/script&gt;

&lt;style&gt;
/*-------------------------------------
                  Style stuff
-------------------------------------*/
.foo { color: brown }
.bar { color: yellow }

/* blah */
.snow:before { background-color: #eee }
.snow:after { background-color: yellow }
&lt;/style&gt;

&lt;?php
/*
PHP Comment
*/
function test_function() { // blah
    if ( $x == $y ) {
        do('something');
    }
    else {
        do('something_else');
    }
}
?&gt;</code></pre>
    </body>
</html>